<template>
	<view class="comment">
		<view class="cu-form-group">
			<textarea v-model="text" maxlength="-1" :disabled="false" v placeholder="多行文本输入框"></textarea>
		</view>
		
		<view :style="'height:' + bottomHeight + 'rpx;'" class="bottom" @click="subEvaluate()">提交建议</view>
	</view>
</template>

<script>
	import serve from '../../static/request.js';
	import storage from '../../static/appkey.js';
	import common from '../../static/jump.js';
	export default {
		data() {
			return {
				bottomHeight: 110,/* 底部按钮高度，避免iPhonex导航黑条 */
				text:''
			}
		},
		methods: {
			subEvaluate(){
				console.log('提交+'+this.text);
			},
			jump(jump_type, jump_link){
				if(jump_type == 'order_cancel' || jump_type == 'order_pay' || jump_type == 'take_delivery') {
					this.operate(jump_type, jump_link);
					return ;
				} 
				common.jump(jump_type, jump_link);
			}
		},
		onLoad(options) {
			if(uni.getSystemInfoSync().safeAreaInsets.top > 20){
				this.bottomHeight = 150;
			}
		},
		onPullDownRefresh() {
			setTimeout(function() {
				uni.stopPullDownRefresh(); //结束下拉加载状态
			}, 1000);
		}
	}
</script>

<style scoped lang="scss">
	.comment {
		padding-bottom: 100rpx;
		
	}
	.bottom{
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 32rpx;
		color: rgba(255, 255, 255, 1);
		background: #FFBC00;
		bottom: 0rpx;
		position: fixed;
	}
	.cu-form-group {
		background-color: #ffffff;
		padding: 1rpx 30rpx;
		display: flex;
		align-items: center;
		min-height: 1000rpx;
		justify-content: space-between;
	}
	.cu-form-group textarea {
		margin: 32rpx 0 30rpx;
		height: calc(100vh - 180px);
		line-height: 84rpx;
		width: 100%;
		line-height: 1.2em;
		flex: 1;
		font-size: 36rpx;
		color: #333333;
		padding: 0;
	}
	.cu-form-group textarea[disabled],
	.cu-form-group textarea[disabled] .placeholder {
		color: #333333;
	}
	
	
	
</style>
